<template>
  <div class="index">
        <div class="ind-top">
            <div class="scroll-x clearfix">
                <div class="top-item left active">
                    <span>鼠标</span>
                </div>
                <div class="top-item left">
                    键盘
                </div>
                <div class="top-item left">
                    耳机
                </div>
            </div>
        </div>
        <div class="ind-swiper">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                  <a  class="swiper-slide" v-for="(oitem,oindex) in 5" :key="oindex">
                    <img src="./../../assets/banner.png" alt="">
                  </a>
                </div>
                <div class="swiper-pagination"></div>
              </div>
        </div>
        <div class="ind-item" v-for="item in 9">
            <div class="title">
                热门商品
            </div>
            <img src="./../../assets/1.png" alt="">
        </div>
  </div>
</template>

<script>
export default {
    data(){
      return {
            
      }
    },
    methods:{
       
    },
    created: function () {
        setTimeout(function () {
            var swiper1 = new Swiper('.ind-swiper>.swiper-container', {
                pagination: '.ind-swiper .swiper-pagination',
                paginationClickable: true,
                autoplay:2500
           });
         },10)
    },
    mounted(){
    }
}
</script>
<style lang="scss" scoped>
  @import "index";
</style>
